Apex 4X Technical Style Guide

ARIA Date Picker (With Complex Custom Disabled Date Ranges)

Complex custom disabled date ranges defined inside the "ajax" function config option.

{
  ajax: function(dc, save){
    // js/see setup.js
  }
}

The calendar is keyboard accessible:

  • When the calendar is opened, focus is set on the current date.
  • Press the Left and Right arrow keys to navigate the row by week day.
  • Press the Home and End keys to jump to the beginning or end of the current row.
  • Press the Up and Down arrow keys to navigate between weeks on the same week day.
  • Press the PageDown and PageUp keys to navigate backwards or forwards by month.
  • Press Alt+PageDown and Alt+PageUp to navigate backwards or forwards by year.
  • Press the Enter key to activate the selected date.
  • Press Escape to close the calendar without making a selection.
  • Mouse users can click the desired date buttons as usual.